/*Стили модального окна сертификатов*/
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	display: none;
	pointer-events: none;
}
.modalDialog:target {
	display: block;
    pointer-events: auto;
}
.modalDialog img{
    width: 100%;
}

.modalDialog > div {
    width: 650px;
    position: relative;
	margin: 10px auto;
    padding: 5px 20px 13px 20px;
    
	background: #fff;
}
.close {
	color: #FFFFFF;
	position: absolute;
	right: -40px;
	text-decoration: none;
}
.close i{
	font-size: 40px;
}


/*Стили модального окна формы*/
.popup,
.popup-thanks,
.popup-cert1,
.popup-cert2,
.popup-cert3,
.popup-cert4{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}
.popup-close{
	position: absolute;
	top: 0px;
	right: -40px;
	font-size: 30px;
	color: #fff;
	background: none;
	border: none;
}
.popup-content{
	position: fixed;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	top: 10%;
}

/*Стили для вызываймой формы*/
.header-form-call{
    background: #00405a;
    width: 500px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    text-align: center;
    /*position: absolute;
    right: 9%;*/
    margin: 0px 0px 0px auto;
}
.header-form-call form{
    padding-bottom: 70px;
}
.header-form-call h2{
    color: #fff;
    font-size: 40px;
    font-family: "NeoSendProMedium";
    padding: 30px 0px 0px 0px;
    text-transform: inherit;
}
.header-form-call form input{
    display: block;
    margin: 70px auto;
    width: 320px;
    height: 50px;
    font-size: 25px;
    font-family: "NeoSendProMedium";
    color: #5e5e5e;
    padding: 5px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    outline: none;
}
/*Стили слайдера сертификатов*/
.popup-content img{
    width: 65%;
}
/*Стили модального окна подтверждения*/
.Thank-you-for-contacting{
	background: #00405a;
	border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	font-size: 40px;
	font-family: "NeoSendProMedium";
	color: #6BEBFF;
	padding: 50px 30px;
	width: 500px;
}
.Thank-you-for-contacting p i{
	font-size: 80px;
	color: greenyellow;
	margin: 20px;
}

@media only screen and (max-width:590px){
	.header-form-call h2{
	font-size: 25px;
	}
	.header-form-call{
	width: 300px;
	}
	.popup-close{
		top: -4px;
		right: 0px;
		font-size: 35px;
	}
	.header-form-call form input{
		margin: 20px auto;
		font-size: 18px;
		width: 220px;
		padding: 5px 10px;
	}
	.btn-form{
		width: 244px;
		font-size: 18px;
	}
	.popup-close{
		top: -40px;
		right: -35px;
	}
	.popup-content img{
		width: 280px !important;
	}
	.header-form-call form{
		padding-bottom: 40px; 
	}

	.Thank-you-for-contacting{
		font-size: 25px;
		padding: 20px 10px;
		width: 300px;
	}
	.Thank-you-for-contacting p i{
		font-size: 60px;
		margin: 10px;
	}

}